<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="../css/bootstrap.min.css" />
    <link rel="stylesheet" href="../css/road.css" />
    <link rel="stylesheet" type="text/css" href="../css/bootstrap-select.min.css">
    <link rel="stylesheet" href="../css/jquery.treeview.css">
    <script src="../js/jquery-1.11.3.js"></script>
    <script src="../js/bootstrap.js"></script>
    <script type="text/javascript" src="../js/bootstrap-select.min.js"></script>
    <script type="text/javascript">var strImgsvrUrl = '/maplite/'; var strGridImgsvrUrl = '/GetPng/'; var strMapsvrUrl = '/strMapsvrUrl/';</script>
    <script src="http://122.224.81.125:3000/mapAPI/getMapLib?nettype=1&customer=09eb9edad501e8ed917b9dbb0fb4ed66"></script>
    <script type="text/javascript" src="../js/libs/FileSaver/FileSaver.min.js"></script>
    <script type="text/javascript" src="../js/libs/js-xlsx/xlsx.core.min.js"></script>
    <script type="text/javascript" src="../js/libs/jsPDF/jspdf.min.js"></script>
    <script type="text/javascript" src="../js/libs/jsPDF-AutoTable/jspdf.plugin.autotable.js"></script>
    <script type="text/javascript" src="../js/tableExport.min.js"></script>
    <script src="../js/index.js?time=2017-06-07"></script>
    <script src="../js/jquery.cookie.js"></script>
    <script src="../js/jquery.treeview.js"></script>

</head>

<body onload="initMap();">
    <div class="row rowtopic"></div>
    <div class="row row_style">
        <div class="col-md-12">
            <div class="col-md-1">
                <button class="normal refresh">
                    <i class="glyphicon glyphicon-repeat"></i>刷新</button>
            </div>
        </div>
    </div>
    <div class="filter">
        <div class="row" style="margin-top:20px;">
            <div class="col-md-3">
                <div class="col-md-5">
                    <p style="text-align:right;">项目名称：</p>
                </div>
                <div class="col-md-6 xm-name">
                    <input type="text">
                </div>
            </div>
            <div class="col-md-6">
                <div class="col-md-2">
                    <p style="text-align:right;">项目类别：</p>
                </div>
                <div class="col-md-10 xmlb">
                    <span class="col-md-12 " style="padding:0;" data-text="行政区划">
                        <select class="xmlb-one" style="width:30%;">
                            <option value=""></option>
                            <!-- <option value="gljy">公路建议计划</option>
                            <option value="syjy">水运建议计划</option>
                            <option value="zcxt">支持系统建议计划</option> -->
                        </select>
                        <select class="xmlb-two" style="width:30%">
                            <option value=""></option>
                        </select>
                    </span>
                </div>
            </div>
        </div>
        <div class="row row_style3">
            <div class="col-md-4">
                <div class="col-md-2" style="width:30%">
                    <p style="text-align:right;">行政区划：</p>
                </div>
                <div class="col-md-6" style="width:70%">
                    <span class="col-md-12 search-xzqh" style="padding:0;" data-text="行政区划">
                        <select class="xzqh xzqh-province" style="width:30%;">
                            <option value=""></option>
                            <option value="330000">浙江省</option>
                        </select>
                        <select class="xzqh xzqh-city" style="width:33%;">
                            <option value=""></option>
                        </select>
                        <select class="xzqh xzqh-area" style="width:33%;">
                            <option value=""></option>
                        </select>
                    </span>
                </div>
            </div>
            <div class="col-md-3">
                <div class="col-md-4" id="searchMap">
                    <img style="height: 30px;" src="../image/123_40.png" alt="">
                </div>
                <div class="col-md-4" id="clear">
                    <img style="height: 30px;" src="../image/123_42.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="row" style="margin-bottom:20px;">
        <div class="col-md-12 tabstyle">
            <table class="table-container map-table">
                <thead>
                    <th>项目总数</th>
                    <th>计划总投资(万元)</th>
                    <th>中央投资(万元)</th>
                    <th>本年总投资投资(万元)</th>
                    <th>本年中央投资(万元)</th>
                    <th>至上年累计完成投资(万元)</th>
                    <th>至上年累计完成中央投资(万元)</th>
                </thead>
                <tbody>
                    <tr>
                        <td>0</td>
                        <td>0</td>
                        <td>0</td>
                        <td>0</td>
                        <td>0</td>
                        <td>0</td>
                        <td>0</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="row map-con">
        <div class="col-sm-9" id="mapContainer" style="height:700px;"></div>
        <div class="col-sm-3 detail-container">
            <p>项目详情信息：</p>
            <div class="map-detail"></div>
        </div>
    </div>
</body>
<script>
    $("#qqq").click(function () {
        layer.alert('墨绿风格，点击确认看深蓝', {
            skin: 'layui-layer-lan', //样式类名
            closeBtn: 0,
            offset: ["25%", "40%"],
            shade: [0.001, '#000']

        });
    });
    var typeObj = {
        '铁路规划': {
            '铁路': '铁路',
            '都市圈城际铁路': '都市圈城际铁路',
            '城市轨道交通': '城市轨道交通'
        },
        '高速规划': {
            '铁路': '铁路',
            '都市圈城际铁路': '都市圈城际铁路',
            '城市轨道交通': '城市轨道交通'
        },
        '国省道规划': {
            '国道': '国道',
            '省道': '省道'
        },
        '水运规划-沿海港口项目': {
            '沿海码头': '沿海码头',
            '沿海航道': '沿海航道'
        },
        '水运规划-内河水运建设项目': {
            '内河码头': '内河码头',
            '内河航道': '内河航道'
        },
        '水运规划-陆岛码头建设项目': {},
        '站场规划-客运站场建设项目': {
            '综合客运枢纽': '综合客运枢纽',
            '客运站': '客运站'
        },
        '站场规划-物流园区建设项目': {},
        '机场规划': {
            '运输机场': '运输机场',
            '通用机场': '通用机场'
        },
        '公路建议计划': {
            "0101": '重点公路',
            "0102": '国省道改造',
            "0103": '口岸公路',
            "0105": '红色旅游公路',
            "0106": '国家公路客运枢纽',
            "0107": '物流园区',
            "0109": '路网结构改造',
            "0110": '公铁立交',
            "0111": '治超站',
            "0112": '地震专项',
            "0113": '水毁专项',
            "0199": '其他公路'
        },
        '水运建议计划': {
            "0201": '直属单位水运项目',
            "0202": '沿海港口基础设施项目',
            "0203": '陆岛运输项目',
            "0204": '地方内河航运项目',
            "0299": '其他'
        },
        '支持系统建议计划': {
            "0301": '直属海事项目',
            "0302": '救捞项目',
            "0303": '直属科研项目',
            "0304": '直属教育项目',
            "0305": '直属通信信息项目',
            "0306": '转移支付地方项目',
            "0307": '自筹资金项目',
            "0308": '内河支持系统项目',
            "0399": '其他'
        },
        '公路路网': {
            '1': '高速公路-高速公路新改建工程',
            '2': '高速公路-高速公路养护工程',
            '3': '普通国省道-普通国省道新改建工程',
            '4': '普通国省道-普通国省道大中修、危桥(隧)改造',
            '5': '规划省道',
            '6': '县道-重要县道新改建工程',
            '7': '县道-其他县道新改建工程',
            '8': '农村公路提升改造、安保、路面维修等',
            '9': '其他'
        },
        '公路站场': {
            '1': '客运站场-综合客运枢纽',
            '2': '客运站场-其它县级及以上客运站',
            '3': '客运站场-农村等级客运站',
            '4': '客运站场-农村三级以下客运站',
            '5': '客运站场-港湾式停靠站',
            '6': '货运站场-货运枢纽（物流园区）',
            '7': '货运站场-其它货运站场（物流园区交通基础设施）'
        },
        '水运建议': {
            '1': '沿海-沿海港口-政府投资项目',
            '2': '沿海-沿海港口-社会投资项目',
            '3': '沿海-陆岛码头',
            '4': '内河-内河航道',
            '5': '内河-内河港口-政府投资项目',
            '6': '内河-内河港口-社会投资项目',
            '7': '内河-骨干航道及重要支线专项养护'
        },
        '民用机场': {
            '1': '运输机场',
            '2': '通用机场'
        },
        '省政府投资': {
            '1': '学校基建',
            '2': '其它厅管厅属单位项目'
        },
        '乡(镇)、建制村、撤并建制村通硬化路建设': {
            '01': '乡（镇）通硬化路',
            '02': '建制村通硬化路',
            '09': '撤并建制村通硬化路'
        },
        '交通扶贫规划、窄路拓宽、县乡道改造工程、连通工程': {
            '06': '县乡道改造工程',
            '07': '连通工程',
            '10': '交通扶贫规划支持的“资源路、旅游路、产业路”新改建工程',
            '12': '窄路基路面农村公路拓宽工程'
        },
        '村道安全生命防护工程': {
            '13': '村道安全生命防护工程'
        },
        '乡(镇)客运站、建制村汽车停靠点': {
            '20': '乡（镇）客运站',
            '22': '建制村汽车停靠点（招呼站或候车亭牌）'
        },
        '渡口改造、渡改桥': {
            '06': '县乡道改造工程',
            '07': '连通工程',
            '10': '交通扶贫规划支持的“资源路、旅游路、产业路”新改建工程',
            '12': '窄路基路面农村公路拓宽工程'
        },
        '村道危桥改造、桥梁建设': {
            '40': '桥梁建设',
            '41': '村道危桥改造'
        },
        '路网改善工程': {
            '06': '县乡道改造工程',
            '07': '连通工程',
            '12': '窄路基路面农村公路拓宽工程',
            '13': '村道安全生命防护工程',
            '20': '乡（镇）客运站',
            '22': '建制村汽车停靠点（招呼站或候车亭牌）',
            '30': '渡口改造、渡改桥',
            '40': '桥梁建设',
            '41': '村道危桥改造项目',
            '90': '其他'
        }
    }

    var larr = top.location.pathname.split('.')[0].split('/'),
        htmlType = larr[larr.length - 1];
    switch (htmlType) {
        case 'ghzh':
            var xmlbOne = '<option value=""></option>' +
                '<option value="tl">铁路规划</option>' +
                '<option value="gs">高速规划</option>' +
                '<option value="gsd">国省道规划</option>' +
                '<option value="sy_1">水运规划-沿海港口项目</option>' +
                '<option value="sy_2">水运规划-内河水运建设项目</option>' +
                '<option value="sy_3">水运规划-陆岛码头建设项目</option>' +
                '<option value="zc_1">站场规划-客运站场建设项目</option>' +
                '<option value="zc_2">站场规划-物流园区建设项目</option>' +
                '<option value="jc">机场规划</option>';
            break;
        case 'fx': case 'bjtj':
            var xmlbOne = '<option value=""></option>' +
                '<option value="gljy">公路建议计划</option>' +
                '<option value="syjy">水运建议计划</option>' +
                '<option value="zcxt">支持系统建议计划</option>';
            break;
        case 'sjcx':
            var xmlbOne = '<option value=""></option>' +
                '<option value="sjlw">公路路网</option>' +
                '<option value="sjzc">公路站场</option>' +
                '<option value="sjsy">水运建议</option>' +
                '<option value="sjjc">民用机场</option>' +
                '<option value="sjtz">基建项目</option>';
            break;
        case 'jtcx':
            var xmlbOne = '<option value=""></option>' +
                '<option value="sjlw">公路路网</option>' +
                '<option value="sjzc">公路站场</option>' +
                '<option value="sjsy">水运建议</option>' +
                '<option value="sjjc">民用机场</option>';
            break;
        case 'nctj':
            var xmlbOne = '<option value=""></option>' +
                '<option value="ncyh">乡(镇)、建制村、撤并建制村通硬化路建设</option>' +
                '<option value="ncfp">交通扶贫规划、窄路拓宽、县乡道改造工程、连通工程</option>' +
                '<option value="nccd">村道安全生命防护工程</option>' +
                '<option value="ncky">乡(镇)客运站、建制村汽车停靠点</option>' +
                '<option value="ncdq">渡口改造、渡改桥</option>' +
                '<option value="ncql">村道危桥改造、桥梁建设</option>' +
                '<option value="nclw">路网改善工程</option>';
            break;
        default:
            break;
    }
    $('.xmlb-one').empty().append(xmlbOne);

    $('.xmlb-one').on('change', function () {
        var two = typeObj[$(this).find('option:selected').html()],
            twoHtml = '';
        for (var i in two) {
            twoHtml += '<option value="' + i + '">' + two[i] + '</option>';
        }
        $('.xmlb-two').empty().append('<option value=""></option>' + twoHtml);
    })
    var width = $('.map-con').width() - 400;
    $('#mapContainer').css('width', width);
    $.cityChange();
    var maplet = null;
    function initMap() {
        maplet = new Maplet("mapContainer");
        maplet.centerAndZoom(new MPoint(120.18323, 30.21436), 11);
        maplet.addControl(new MStandardControl());
    }
    $('#searchMap').on('click', function () {
        createMap();
    });

    $('#clear').on('click',function(){
        $('.filter').find('input,select').val('');
        createMap();
    });

</script>

</html>